<!--<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style>
        body{font-family:SimSun;}
        .title{align-content: center;text-align: center;}
        .signature{float:right }
    </style>
</head>
<body>
<div>
    <h1 class="title">标题</h1>
    <h4 class="title">副标题</h4>
    <span>当前时间: ${date_time} </span>
    <div class="signature">日期：${date}</div>
</div>
</body>
</html>-->





<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style>
        *{
            margin: 0;
        }
        .pdf-wrapper{
            width: 92%;
            margin: 20px auto;
        }
        .resume-tit{
            text-align: center;
            padding: 30px;
            font-size: 20px;
        }
        .resume-container{
            border-top: 1px solid #333;

            margin: 0 auto;
            padding: 25px;
        }
        .resume-container h4{
            padding: 20px 0 10px;
        }

        .resume-head{
            display: flex;
            align-items: center;
            line-height: 2;
            color: #999;

        }
        .resume-head img{
            margin-right: 20px;
            border-radius: 50%;
        }
        .resume-head b{
            font-size: 20px;
            color: #316cec;

        }
        .resume-head span{
            color: #666;

            padding: 0 2px;
        }

        .resume-contact{
            line-height: 1.8;
            margin: 20px 0;
        }
        .resume-contact p span {
            color: #888;

            padding-right: 10px;
        }

        .resume-describe p{
            color: #666;

            line-height: 1.6;
            margin-top: 10px;
        }
        body{font-family:SimSun;}

    </style>
</head>
<body>
<div class="pdf-wrapper">
    <h3 class="resume-tit">个人简历</h3>

    <div class="resume-container">
        <div class="resume-head">
            <div style="width: 100px; height: 100px;">
                <span></span>
            </div>
            <div>
                <div><b>季超</b></div>
                <div>
                    <span>女</span> |
                    <span>34岁</span> |
                    <span>初中</span> |
                    <span>3201111111111111111111111111</span>
                </div>
            </div>
        </div>

        <div class="resume-contact">
            <h4>联系方式</h4>
            <p>
                <span>联系电话</span>
                <span>${date_time}</span>
            </p>
            <p>
                <span>联系地址</span>
                <span>${date}</span>
            </p>
        </div>

        <div class="resume-contact">
            <h4>技能类别</h4>
            <p>
                <span>技能类别</span>
                面点师
            </p>
            <p>
                <span>技能等级</span>
                高级
            </p>
        </div>

        <div class="resume-describe">
            <h4>个人描述</h4>
            <p>本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康本人身体健康</p>
        </div>
    </div>

</div>
</body>
</html>
